.layui-body {
    bottom: 0px !important;
    top: 50px !important;
}

.top-hadoop-count {
    padding-top: 10px;
}

.layui-logo {
    background-color: #0E1C3E;
    color: #fff !important;
}

.layui-bg-black {
    background-color: #08132B !important;
}

.layui-nav {
    background-color: #08132B !important;
}

.layui-nav-tree .layui-nav-bar {
    background-color: #674DA2;
}

.layui-layout-admin .layui-header {
    background-color: #A972CF;
    background-image: linear-gradient(to right, #A972CF, #6B57A4);
}

.layui-layout-admin .layui-header .layui-nav {
    background-color: transparent !important;
}

.top-hadoop-boy {
    padding: 20px;
    background-color: #FFFFFF;
    border-radius: 25px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.layui-layout-admin .layui-body{
    background-color: rgb(247, 247, 247);
}
.layui-body {
    padding-top: 0.5%;
}

.layui-breadcrumb {
    margin-left: 1%;
}

.selection {
    background-color: #4DBA80;
}

.layui-breadcrumb {
    margin-top: 0.6%;
    display: block;
}

/* 折叠修改css */

em, i {
    font-style: normal;
}

.nav-tree-main .layui-nav-item > a i {
    margin-right: 10px;
}

.nav-tree-main .layui-nav-item > .layui-nav-child dd a {
    padding-left: 40px;
}

#menuBar {
    cursor: pointer;
    color: #fff;
    left: 0;
    top: 0;
    margin: 22px;
}

/* 左侧栏 *** 向左折叠 mini-sidebar */

.mini-sidebar .layui-layout-admin .layui-side {
    width: 48px;
    overflow-x: visible;
}

.mini-sidebar .layui-layout-admin .layui-side:hover .layui-side-scroll {
    width: 268px;
}

.mini-sidebar .nav-tree-main .layui-side-scroll {
    width: 48px;
    overflow-x: initial;
}

.mini-sidebar .nav-tree-main.layui-nav-tree {
    width: 48px !important;
}

.mini-sidebar .nav-tree-main.layui-nav-tree .layui-nav-item {
    position: relative;
}

.mini-sidebar .nav-tree-main > .layui-nav-item > .layui-nav-child {
    position: absolute;
    left: 48px;
    top: 0;
    width: 200px;
    background-color: rgba(57, 61, 73, .9) !important;
    display: none;
    z-index: 9999;
    border-radius: 0;
}

.mini-sidebar .nav-tree-main > .layui-nav-item > .layui-nav-child dd a {
    line-height: 40px;
    text-align: left;
    padding: 0 20px;
    color: #fff;
}

.mini-sidebar .nav-tree-main > .layui-nav-item:hover > .layui-nav-child {
    display: block;
}

.mini-sidebar .nav-tree-main > .layui-nav-item a {
    padding: 10px 0 0 0;
    line-height: 15px;
    text-align: center;
}

.mini-sidebar .nav-tree-main > .layui-nav-item > a > .sideIcons {
    margin: 0 auto;
}

.mini-sidebar .nav-tree-main .icon {
    line-height: 12px;
}

.mini-sidebar .nav-tree-main > .layui-nav-item a > .cite {
    display: block;
    line-height: 12px;
    padding-top: 5px;
    font-size: 12px;
}

.mini-sidebar .nav-tree-main > .layui-nav-item .cite em {
    display: none;
}

.mini-sidebar .nav-tree-main > .layui-nav-item .layui-nav-child dd .cite {
    line-height: 40px;
    padding: 0;
}

.mini-sidebar .nav-tree-main > .layui-nav-item > a .layui-nav-more {
    display: none;
}

.mini-sidebar .nav-tree-main .sub-nav .layui-nav-item a {
    line-height: 40px;
    text-align: left;
    padding: 0 20px;
    color: #b4bcc8;
}

.mini-sidebar .nav-tree-main .sub-nav .layui-nav-item .layui-nav-more {
    display: block;
}

.mini-sidebar .layui-body {
    left: 48px;
}

.mini-sidebar .nav-tree-main .layui-nav-item > a i {
    margin: 0 auto;
}

/*右侧*/
.layui-fluid {
    padding: 15px;
}

.wMain-col-bg1, .wMain-col-bg2 {
    background: #79C48C;
    text-align: center;
    padding: 24px;
    color: #fff;
}

.wMain-col-bg2 {
    background: #63BA79;
}

.header {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 100%;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    background-color: #0E1C3E;
    color: #fff
}
